<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/2/24
  Time: 15:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>

<html>
<head>
    <title>密码登录</title>
    <script src="${pageContext.request.contextPath}/js/jQuery/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/login.css">
</head>

<body>
<!--===================头====================-->
<div class="header">
    <div class="nag">
        <div class="in">
            <a href="../index.html"><img src="../images/logo_blue.png" class="logo"></a>
            <img src="../images/slogen.png" class="slogen">
            <span class="gp"></span>
            <span class="tl">欢迎登录</span>
            <p class="nlink">
                <a href="../index.html">首页</a>
                <a href="">帮助中心</a>
            </p>
        </div>
    </div>
</div>

<!--===================中部====================-->
<div class="lrcon">
    <div class="lrbox">
        <div class="lr_left">
            <div class="lr_c">
                <label class="piture1"></label>
                <div class="lr_cn">
                    <p>便捷的简历填写</p>
                    <div class="c_999">一份简历开启未来</div>
                </div>
            </div>
            <div class="lr_c">
                <label class="piture2"></label>
                <div class="lr_cn">
                    <p>海量的职位优选</p>
                    <div class="c_999">360行任你挑选</div>
                </div>
            </div>
            <div class="lr_c">
                <label class="piture3"></label>
                <div class="lr_cn">
                    <p>快速的职位投递</p>
                    <div class="c_999">分秒必争直达HR</div>
                </div>
            </div>
            <div class="lr_c">
                <label class="piture4"></label>
                <div class="lr_cn">
                    <p>高效的投递反馈</p>
                    <div class="c_999">谁看我简历早知道</div>
                </div>
            </div>
        </div>
        <div class="lr_right">
            <div class="right-heard">
                <span class="loginway now-kind">密码登录</span>
                <span class="gp"></span>
                <span class="loginway new-kind">验证码登录</span>
            </div>

            <div class="form-login">

                <form id="login-form">


        <%--================================密码登陆==================================--%>
                    <div id="login-ByPassword">
                        <div class="login-label">
                            <span>账号</span>
                            <div class="error-font accountError">
                                <!--<span class="error_logo"></span>-->
                                <!--<span>请输入51Job账号</span>-->
                            </div>
                        </div>
                        <div class="login-input">
                            <%--=================账号输入===================--%>
                            <input class="username" maxlength="20" id="login" name="loginname" type="text"placeholder="请输入手机号码/邮箱/用户名">
                        </div>
                        <div class="login-label">
                            <span>密码</span>
                            <div class="error-font mima">
                                <!--<span class="error_logo"></span>-->
                                <!--<span>请输入密码</span>-->
                            </div>
                        </div>
                        <div class="login-input">
                            <%--====================密码输入==========================--%>
                            <input class="userPassword" type="password"placeholder="请输入密码">
                        </div>

                    </div>

        <%--===========================验证码登录====================================--%>
                    <div id="login-ByCode"  style="display: none">
                        <div class="login-label">
                            <span>手机号码</span>
                            <div class="error-font">
                                <!--<span class="error_logo"></span>-->
                                <!--<span>请输入51Job账号</span>-->
                            </div>
                        </div>
                        <div class="login-input logintelnoinput">
                            <div class="lable-phone">+86</div>
                            <input id="userphone" type="text"placeholder="请输入手机号码">
                        </div>
                        <div class="login-label">
                            <span>短信验证</span>
                            <div class="error-font mima">
                                <!--<span class="error_logo"></span>-->
                                <!--<span>请输入密码</span>-->
                            </div>
                        </div>
                        <div class="">
                            <input class="VerificationCode" type="text"placeholder="请输入验证码">
                            <span class="send-information">发送验证码</span>
                        </div>

                    </div>


           <%--===========================自动登录======================================--%>
                <div class="password-remember-forget">
                    <input class="tick" type="checkbox">
                    <span class="auto-login" name="isAutoLogin">自动登录</span>
                    <span class="forget-password">
                        <a href="">忘记密码？</a>
                    </span>
                </div>

                <div>
                    <a id="loginbtn" href="javascript:;"><input class="login-btn" type="button" value="登录"></a>
                    <a href="${pageContext.request.contextPath}/regist" class="register">免费注册</a>

                </div>

            </form>
                <span class="loginMsg" style="color: red;font-size: 16px"></span>

            </div>
        </div>
    </div>
</div>



<script src="${pageContext.request.contextPath}/js/login.js"></script>
</body>

</html>
